import React from "react"
import App from '../App'
import Sd from '../pages/Shudu'
import PromiseStudy from '../pages/promise/promiseStudy'
import BasicUse from '../pages/promise/basicUse'
import HookStudy1 from '../pages/hookstudy/study1'
import Login from '../pages/login'
import RevolveHead from '../pages/revolveHead'
import DuplicateRemoval from '../pages/duplicateRemoval'
import Test from '../pages/test'
import Test2 from '../pages/test/test2'
import ButtomCom from '../pages/component/buttonCom'
import MobXLearn from '../pages/mobxLearn'
import Rubblish from '../pages/mobxLearn/rubblish'
import NoteMobXLearn from '../pages/mobxLearn/noteMobX'
import SelectSort from "../pages/sort/selectSort"
import ProcessCircle from "../pages/component/ProcessCircle"

const Routes = [
    {
        path: '/',
        element: <App />
    },
    {
        path: '/sort/selectSort',
        element: <SelectSort />,
    },
    {
        path: '/component/processCircle',
        element: <ProcessCircle />
    },
    {
        path: '/component',
        element: <ButtomCom />
    },
    {
        path: '/learn/rubblish',
        element: <Rubblish />
    },
    {
        path: '/learn/mobx',
        element: <MobXLearn />
    },
    {
        path: '/learn/notemobx',
        element: <NoteMobXLearn />
    },
    {
        path: '/promise/basicUse',
        element: <BasicUse />
    },
    {
        path: '/promise/promiseStudy',
        element: <PromiseStudy />
    },
    {
        path: '/test',
        element: <Test />
    },
    {
        path: '/test/test2',
        element: <Test2 />
    },
    {
        path: '/login',
        element: <Login />
    },
    {
        path: '/study/duplicateRemoval',
        element: <DuplicateRemoval />
    },
    {
        path: '/play/revolve',
        element: <RevolveHead />
    },
    {
        path: '/hookstudy/study1',
        element: <HookStudy1 />
    },
    {
        path: '/sd',
        element: <Sd />
    },
]
export default Routes